/** initial setup **/
.scrollhide {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.scrollhide .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : -17px;
  bottom        : 0;
  left          : 0;
  padding-top   : 88px;
  padding-Bottom: 77px;
}
.scrollhide .content:focus {
  outline: thin dotted;
}
.scrollhide .content::-webkit-scrollbar {
  visibility: hidden;
}
.scrollhideno {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.scrollhideno .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0px;
  right         : -17px;
  bottom        : 0px;
  left          : 0px;

}
.scrollhideno .content:focus {
  outline: thin dotted;
}
.scrollhideno .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
